<script setup>
import { ref } from 'vue';
import { useRouter } from 'vue-router';

const listData = ref([
  { title:'一、强化产业发展科技支撑',text:[
    '共建“双百行动”实践基地', '县域创新实践基地', '知识产权成果转化应用','花生、芭蕉芋产业发展'
    , '助力桃产业发展', '沃柑品质提升工程','病虫害识别系统研发'
  ]},
  {
    title: '二、强化城乡规划建设服务', text: [
      '打造典型特色村', '建设绿美乡村', '共建写生实践基地', '编制大湖镇文旅产业发展规划和湖东村典型村村庄发展规划'
    ]
  },
  {
    title: '三、突出基本公共服务支持', text: [
      '开展党建结对', '开展文化共建', '推动县职校产教融合纵深发展', '开展普法宣传'
      , '开展培训讲座', '打造研学基地', '开展支教助学'
    ]
  },
  {
    title: '四、突出基层人才培养培训', text: [
      '职校实践实训基地挂牌', '技能型人才培训', '知识产权成果转化应用', '共建人才飞地'
    ]
  },
  {
    title: '五、参与集体经济运营', text: [
      '组建“高校智囊团”，助推农文旅产业', 
    ]
  }, 
  {
    title: '六、参与基层改革创新', text: [
      '两校成立县域高质量发展理论研究课题组', '探索教育改革创新路径'
    ]
  },
  {
    title: '七、提供决策咨询服务', text: [
      '人居环境微提升', '建立“双百行动”专家智库'
    ]
  },

])
const router = useRouter()
const back=()=>{
  router.push('/pre')
}
</script>
<template>
  <div class="frame">
    <div class="top">
      <h2>连平县“双百行动”专班“百千万工程”</h2>
      <h1>2024年工作谋划清单</h1>
    </div>
    <div class="content">
      <div class="content-item" v-for="item in listData" :key="item">
        <h2>{{item.title}}</h2>
        <div class="content-item-wrapper" v-for="text in item.text" :key="text">
          <span>{{ text }}</span>
        </div>
      </div>


    </div>
    <div class="sunshine"></div>
    <div class="bar">
      <div class="bar-active"></div>
      <div class="bar-item">共建清单</div>
      <div class="bar-item" @click="back">返回首页</div>
    </div>
  </div>
</template>


<style lang="scss" scoped>
@import './Pre4Page.scss'; 
</style>